<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <input id="button" type="button" value="按钮">
        <input class="button" type="button" value="按钮">
        <input class="button" type="button" value="按钮">
        <input class="button" type="button" value="按钮">
        <input class="button" type="button" value="按钮">
    </div>
    <br>
    <div id="box">aaaaaaaaa</div>
    <div>vvvvvvvvvv</div>
    <div>ccccccccccc</div>


    <script type="text/javascript">
        // 1, 实现所有按钮都设置为禁用(标签名获取，不会)
        // var buttons = document.getElementsByTagName("input");
        // var buttons = document.getElementById("button");
        console.log(buttons)
        // 通过标签名获得的都是数组，
        // console.log(buttons.disabled)
        // for(var button in buttons){
        //     button.disabled = true;
        //     console.log(button.disabled);
        // }
        // console.log(buttons)

        //2,给元素添加样式，改变div背景颜色为黄色
        // 第一种方法是错误的，不能通过标签名获得
       // document.getElementsByTagName("div").style.background="red";
        document.getElementById("box").style.background="red";
    </script>

</body>
</html>